<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/index.css">
    </head>
    <body>
        <!--header开始-->
    	<div class="header">
    		<div class="headerIn clearfix">
    			<div class="headerInL fl">
                    <a href="javascript:;">黑马程序员首页</a> 
                    <a href="javascript:;">免费视频下载</a> 
                    <a href="javascript:;">黑马程序员论坛</a>
                    <a href="javascript:;">学习指南</a>
                </div>
    			<div class="headerInR fr">
	    			<span>欢迎来到黑马程序员公开课！</span>
	    			<a href="javascript:;">登录</a> |  <a href="javascript:;" class="mgleft10">注册</a>
    			</div>
    		</div>
    	</div>
        <!--logo开始-->
    	<div class="logo"><h1><a href="javascript:;">黑马程序员公开课</a></h1></div>
        <!--nav开始-->
    	<div class="nav">
            <ul class="clearfix">
                <li><a href="javascript:;" class="active">首页</a></li>
                <li><a href="javascript:;">java公开课</a></li>
                <li><a href="javascript:;">ios公开课</a></li>
                <li class="special"><span></span><a href="javascript:;">PHP公开课</a></li>
                <li class="special"><span></span><a href="javascript:;">前端与移动开发</a></li>
                <li><a href="javascript:;">美女直播间</a></li>
                <li><a href="javascript:;">技术分享</a></li>
                <li><a href="javascript:;">黑马论坛</a></li>
            </ul>
        </div>
        <!--banner开始-->
        <div class="banner">
            <img src="images/56e901b33bdbb.jpg" alt="">
        </div>
        <!--content开始-->
        <div class="content">
            <div class="contentIn">
                <div class="clearfix">
                    <h2 class="fl">近期免费公开课</h2><a href="javascript:;" class="more fr">查看更多</a>
                </div>
                <ul class="clearfix">
                    <li>
                        <img src="images/571f1b7abf11f.jpg" alt="">
                        <span class="describe">2016年06月22日开课<strong>ios</strong></span>
                        <div class="img_bottom clearfix">
                            <p>独门秘籍：教你10秒钟搞定真机调试----真机调试与App上架详解</p>
                            <span class="fl">已有10人报名</span>
                            <a href="javascript:;" class="fr">免费报名</a>
                        </div>
                    </li>
                    <li>
                        <img src="images/574beea8a507f.jpg" alt="">
                        <span class="describe">2016年06月22日开课<strong>前端与移动开发</strong></span>
                        <div class="img_bottom clearfix">
                            <p>Vue.js + Node.js-构建音乐播放器新玩法</p>
                            <span class="fl">已有10人报名</span>
                            <a href="javascript:;" class="fr">免费报名</a>
                        </div>
                    </li>
                    <li>
                        <img src="images/57565affd1195.jpg" alt="">
                        <span class="describe">2016年06月22日开课<strong>ios</strong></span>
                        <div class="img_bottom clearfix">
                            <p>iOS开源框架封装之下拉刷新,你离大神只差这一节课</p>
                            <span class="fl">已有10人报名</span>
                            <a href="javascript:;" class="fr">免费报名</a>
                        </div>
                    </li>
                    <li class="noMarginR">
                        <img src="images/575a2837f0668.jpg" alt="">
                        <span class="describe">2016年06月22日开课<strong>php</strong></span>
                        <div class="img_bottom clearfix">
                            <p>PHP验证码+Ajax验证</p>
                            <span class="fl">已有10人报名</span>
                            <a href="javascript:;" class="fr">免费报名</a>
                        </div>
                    </li>
                    <li>
                        <img src="images/572c63ba01fcf.jpg" alt="">
                        <span class="describe">2016年06月22日开课<strong>ios</strong></span>
                        <div class="img_bottom clearfix">
                            <p>NoHttp - 最好用的Android网络框架</p>
                            <span class="fl">已有10人报名</span>
                            <a href="javascript:;" class="fr">免费报名</a>
                        </div>
                    </li>
                    <li>
                        <img src="images/5768a322cdb10.jpg" alt="">
                        <span class="describe">2016年06月22日开课<strong>git</strong></span>
                        <div class="img_bottom clearfix">
                            <p>两小时学会Git玩转Github</p>
                            <span class="fl">已有10人报名</span>
                            <a href="javascript:;" class="fr">免费报名</a>
                        </div>
                    </li>
                    <li>
                        <img src="images/5768a37259f28.jpg" alt="">
                        <span class="describe">2016年06月22日开课<strong>PHP</strong></span>
                        <div class="img_bottom clearfix">
                            <p>PHP春天-Composer依赖管理工具</p>
                            <span class="fl">已有10人报名</span>
                            <a href="javascript:;" class="fr">免费报名</a>
                        </div>
                    </li>
                    <li class="noMarginR">
                        <img src="images/572c65bc7b3ce.jpg" alt="">
                        <span class="describe">2016年06月22日开课<strong>Android</strong></span>
                        <div class="img_bottom clearfix">
                            <p>基于Android平台下的二维码扫描</p>
                            <span class="fl">已有10人报名</span>
                            <a href="javascript:;" class="fr">下载视频</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!--footer开始-->
        <div class="footer">
            <div class="footerIn clearfix">
                <div class="footerInLeft fl">
                    <p><a href="javascript:;" class="noMarginL">About ITcast</a>-<a href="javascript:;">公司简介</a>-<a href="javascript:;">联系方式</a>-<a href="javascript:;">招贤纳士</a>-<a href="javascript:;">公司大事记</a>-<a href="javascript:;">自学教程</a></p>
                    <p>Java培训、Android培训、iOS培训、UI设计培训机构</p>
                    <p>Copyright 1999-2015, CSDN.NET, All Rights Reserved 京ICP备08001421号-2</p>
                    <p>北京校区：北京市昌平区建材城西路金燕龙办公楼一层 免费咨询电话：400-618-9090</p>
                    <p><span class="noMarginL">友情链接：</span><a href="javascript:;"> JAVA培训</a> <a href="javascript:;">  传智官网</a> <a href="javascript:;"> 黑马程序员官网</a> <a href="javascript:;"> CSDN</a></p>
                    <p><a href="javascript:;" class="noMarginL"><img src="images/21.gif" height="20" width="20" alt=""></a><a href="javascript:;"><img src="images/pic1.gif" alt=""></a></p>
                </div>
                <div class="footerInRight fr">
                    <img src="images/erweima.gif" height="175" width="275" alt="">
                </div>
            </div>
        </div>
    </body>
</html>